$(function() {
	load()
	$('#title').on('keyup', function(e) {
		if (e.keyCode == 13) {
			if ($(this).val()=='') {
				alert('总不能啥都不干吧')
			} else{
				var data = getData();
			data.push({
				title: $(this).val(),
				isDone: false,
			})
			setData(data)
			load()
			}
			
		}
	})
	$('ol,ul').on('click', 'li>a', function() {
		// $(this).parent().remove()
		var data = getData()
		// var index=$('ol').children().length - $(this).parent().index()-1
		var index = $(this).attr('id')
		data.splice(index, 1)
		setData(data)
		load()
	})
	$('ol,ul').on('click', 'input', function() {
		var data = getData()
		var index=$(this).siblings('a').attr('id')
		data[index].isDone = $(this).prop('checked')
		setData(data)
		load()
	})
	$('ol,ul').on('click', 'p', function() {
		var data = getData()
		var newTitle= prompt('修改信息')
		if (newTitle=='') {
			alert('修改失败')
		} else{
			var index=$(this).siblings('a').attr('id')
			console.log(data[index].title)
			data[index].title=newTitle
			setData(data)
			load()
		}
	})
	function load() {
		var data = getData()
		$('ul').empty(); // $('ol').html('')
		$('ol').empty(); // $('ol').html('')
		var ulnum=0
		var olnum=0
		$.each(data, function(i, ele) {
			ele.isDone ? createLi($('#donelist'),'checked',ele,i) : createLi($('#todolist'),'',ele,i) 
			ele.isDone ? ulnum++ : olnum++
		})
		$('#todocount').text(ulnum)
		$('#donecount').text(olnum)
		
	}
	function getData() {
		var str = localStorage.getItem('todo')
		if (str) {
			return JSON.parse(str)
		}
		return [];
	}

	function setData(data) {
		localStorage.setItem("todo", JSON.stringify(data));
	}
    function createLi(_this,checked,ele,i){
		_this.prepend('<li><input type="checkbox" '+checked+'/><p>' + ele.title + '</p><a id="' + i +
			'" href="javascript:;"></a></li>')
			
	}
})
